<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="keywords" content="为米，为米网，大数据">
    <meta name="description" content="">
    <meta name="author" content="vimi8.com">
    <meta name="renderer" content="webkit">
    <link rel="icon" href="icon.ico">
    <title>为米管理后台</title>
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css">
    <link href="css/common.css" rel="stylesheet">
</head>

<body>
<div id="wrapper">
    <div class="ht-top">
        <nav class="ht-navbar" role="navigation">
            <div class="ht-navbar-header">
                <a class="ht-navbar-brand" href="#">铜仁商务局管理后台</a>
            </div>
            <ul class="nav ht-navbar-nav">
                <!--<li class="active"><a href="#">1</a></li>
                <li><a href="#">2</a></li>-->
            </ul>
            <ul class="nav ht-navbar-nav navbar-right">
                <li class="active">
                    <span>下午好</span>&nbsp;&nbsp;
                    <span>为米1</span>&nbsp;&nbsp;
                </li>
                <li>
                    <img src="http://qzapp.qlogo.cn/qzapp/100414805/830A5F805EB7FBC2E1E03D5ADB844CA2/100" width="25"
                         height="25" alt="" class="img-circle">&nbsp;&nbsp;
                </li>
                <li>
                    <a href="#" title="退出登录" class="active"><i class="fa fa-power-off"></i></a>
                </li>
            </ul>
        </nav>
    </div>
    <div class="ht-content">
        <aside class="ht-aside">
            <ul class="list-unstyled ht-aside-nav">
                <li>
                    <div class="ht-aside-item">
                        <a href="index.html" ><i class="fa fa-home fa-fw"></i> 农场管理</a>
                    </div>
                </li>
                <li>
                    <div class="ht-aside-item">
                        <a href="product.html"  class="active"><i class="fa fa-product-hunt fa-fw"></i> 产品管理</a>
                    </div>
                </li>
                <li>
                    <div class="ht-aside-item">
                        <a data-toggle="collapse" href="#collapseThree">
                            <i class="fa fa-sitemap fa-fw"></i> 分类管理
                            <i class="fa fa-angle-down angle"></i>
                        </a>
                    </div>

                    <div id="collapseThree" class="collapse in">
                        <ul class="list-unstyled">
                            <li class="ht-aside-item nl"><a href="farmclassify.html"><i
                                    class="fa fa-fw fa-code-fork text-muted"></i> 农场分类</a></li>
                            <li class="ht-aside-item nl"><a href=""><i class="fa fa-fw fa-cogs text-muted"></i> 产品分类</a>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </aside>
        <div class="ht-main">
            <div class="ht-title">
                <h3 class="pull-left">产品管理</h3>
                <div class="pull-right">
                    <a class="btn btn-default" href="addProducts.html"><i class="fa fa-plus"></i> 添加产品</a>
                </div>
            </div>

            <div class="ht-panel">
                <div class="panel panel-default">
                    <div class="panel-body">
                        <form class="form-inline" role="form">
                            <div class="form-group">
                                <label for="productName">产品名称</label>
                                <input type="text" class="form-control" id="productName" placeholder="请输入产品名称">
                            </div>
                            <div class="form-group">
                                <label for="farmName">农场名称</label>
                                <input type="text" class="form-control" id="farmName" placeholder="请输入农场名称">

                            </div>
                            <a href="#" class="btn btn-info" onclick="comments()">提交</a>
                        </form>
                    </div>
                    <table class="table">
                        <thead>
                        <tr>
                            <th>产品名称</th>
                            <th>农场名称</th>
                            <th>单价（单位）</th>
                            <th>产量</th>
                            <th>显示</th>
                            <th>推荐</th>
                            <th>创建时间</th>
                            <th>更新时间</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody id="product-list-data">


                        </tbody>
                        <script id="product-list-tmpl" type="text/x-jsrender">
                            <tr>
                                <td>{{:productName}}</td>
                                <td>{{:farmName}}</td>
                                <td>{{:unitPrice}}{{if unit!==null}}（{{:unit}}）{{/if}}</td>
                                <td>{{:yearOutput}}</td>
                                <td>{{if isShow==1}}是{{else}}否{{/if}}</td>
                                <td>{{if recommend==1}}是{{else}}否{{/if}}</td>
                                <td>{{:createTime}}{{if createTime==null}} 暂无创建时间{{/if}}</td>
                                <td>{{:updateTime}}{{if updateTime==null}} 暂无更新时间{{/if}}</td>
                                <td>
                                <a href="updateProducts.html?id={{:id}}" class="btn btn-sm text-info">修改</a>
                                <a href="javascript:void(0);"  onclick="deleteProduct('{{:id}}')" class="btn btn-sm text-danger"> 删除</a>
                                </td>

                            </tr>
                        </script>
                    </table>
                    <div class="panel-footer" style="height: 60px;" id="pagination-bar">
                        <div id="pagination-box" class="pull-left">
                            <ul class="pagination" id="pagination">

                            </ul>
                        </div>
                        <div class="form-inline pull-right">
                            <div class="form-group">
                                <p class="form-control-static">共<span id="product-count">3662</span>个产品，<span id="page-total">184</span>页</p>
                            </div>
                            <div class="form-group">
                                <div class="input-group" style="width: 130px;">
                                    <input type="number" min="1" class="form-control" id="page-index">
                                    <span class="input-group-btn">
                                        <button class="btn btn-default" type="button" id="go-index">跳转</button>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<script src="node_modules/jquery/dist/jquery.min.js"></script>
<script src="node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="node_modules/jsviews/jsviews.min.js"></script>
<script src="node_modules/twbs-pagination/jquery.twbsPagination.min.js"></script>

<!--高德地图-->
<script src="http://webapi.amap.com/maps?v=1.3&key=d386663c19f421e1130e204a6bae281d"></script>
<script src="js/common.js"></script>
<script src="js/product.js"></script>
</body>

</html>
